layui.config({
    base: 'plugins/layui/extends',
}).extend({
    authtree: 'authtree',
});
layui.use('table','authtree', function(){
    var table=layui.table;
    var authtree = layui.authtree;
    //渲染
    table.render({
        id:'roleReload'
        ,elem: '#roleTable'
        ,url:'/role/page'
        ,cellMinWidth:100
        ,skin: 'row' //行边框风格 line （行边框风格）  row （列边框风格）  nob （无边框风格）
        ,even: true //开启隔行背景
        //,size: 'sm' //小尺寸的表格
        ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            //layout: ['skip'] //自定义分页布局
            //,curr: 5 //设定初始在第 5 页
            groups: 1 //只显示 1 个连续页码
            ,first: false //不显示首页
            ,last: false //不显示尾页
            ,limit:10
            ,limits:[10,20,30,40,50]

        }
        /*        ,done:function(){
         layer.msg("好棒!");
         }*/

        ,loading:false
        ,text:{
            none: '暂无相关数据'
        }
        ,initSort:{
            field: 'id' //排序字段，对应 cols 设定的各字段名
            ,type: 'desc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
        }
        ,cols: [[
            {type:'checkbox'}
            ,{field:'id', title: 'ID', sort: true, edit: 'text'}
            ,{field:'roleName',  title: '角色名称' , edit: 'text'}
            ,{field:'roleDescribe',  title: '角色描述' , edit: 'text'}
            ,{field:'createTime',  title: '创建时间', sort: true}
            ,{fixed: 'right', title:"操作", align:'center', toolbar: '#roleBar'}
        ]]
    });
    //监听单元格编辑
    table.on('edit(roleTable)', function(obj){
        var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
    });
    var $ = layui.$;
    var active = {
        getCheckData: function(){ //获取选中数据
            var checkStatus = table.checkStatus('roleReload')
                ,data = checkStatus.data;
            layer.alert(JSON.stringify(data));
        },
        reload: function(){
            var  searchReload= $('#searchValue');
            //执行重载

            table.reload('menuReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,url: '/role/find'
                ,where: {
                    id: searchReload.val()
                }
            });
        }
    };
    table.on('tool(roleTable)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
            layer.msg('ID：'+ data.id + ' 的查看操作');
        } else if(obj.event === 'del'){
            layer.confirm('真的删除行么', function(index){
                obj.del();
                layer.close(index);
            });
        } else if(obj.event === 'edit'){
            layer.alert('编辑行：<br>'+ JSON.stringify(data))
        }
    });

    $('.layui-inline .layui-btn').on('click', function(){
        var type = $(this).data('type');
        layer.msg("测试"+type);

        active[type] ? active[type].call(this) : '';
    });


});